<template>
  <div @click="fatherFn">
    <!-- vue对事件进行了修饰符设置, 在事件后面.修饰符名即可使用更多的功能 -->
    <button @click.stop="btn">.stop阻止事件冒泡</button>
    <a href="http://www.baidu.com" @click.prevent="btn">.prevent阻止点击事件</a>
  </div>
</template>

<script>
export default {
  methods: {
    fatherFn() {
      console.log("fatherFn被触发了");
    },
    btn() {
      console.log(1);
    },
  },
};
</script>
